体验碎周报第 101 期(2022.6.27)
系统的知识来源于对碎片的整理和思考,为了更好地输出系统知识,记录本周我发现的体验设计和思考,为构建系统知识做准备。
体验亮点
淘宝「抄作业」功能
很多购物者在某个购物节不知道该买什么,于是跟着其他朋友的购物车照着买,网友把这种行为戏称为“抄作业”。淘宝干脆在购物车里专门做了一个「抄作业」功能,用网红展示其购物车商品来带货促销。
特斯拉 App 拟物动效
特斯拉 App 动效做得真棒,尤其是车辆 3D 模型。页面切换通过车模型转场,开关车门效果有,最神奇的是空调风,冷热风的动效也不一样,太精细了。
美团外卖高温烈日动效
之前知道美团外卖有下雨动效,烈日特效是第一次见。用天气降低用户对订单配送时间的预期。
来自 @chi
体验槽点
高德地图缩放策略
地图缩放省略一些细节没问题,但是高德地图图中两条路因为前后路宽不一样,导致窄的部分被省略。有可能会被误以为断头路。
QQ 注销界面有 2 个主按钮
一个界面最好只有一个主按钮推荐用户操作,这算低级错误了。
来自 @盛顶天
QQ 控件老旧
在 Android 版本达到 13 的 2022 年,还能在 QQ 里看到 10 多年前 Android 2 版本的控件。QQ 的底层库真是历史悠久。
推荐阅读
WWDC22|从独立开发者中发掘小而美的设计奥秘
链接:https://mp.weixin.qq.com/s/fB83If_J_RLv92huOFimng
作者挑选苹果设计大奖候选名单中一个海外和三个国区优秀产品对设计进行详细地分析。
iOS 16 的新特性,产品经理和开发者可以用它来做什么
链接:https://mp.weixin.qq.com/s/ha4brxMG5n5t-g5SJTPgNA
每年 iOS 在 6 月 WWDC 亮相、放出 developer 版,9 月正式版更新,每个大版本的 iOS 都有一些新特性能让 App 发挥,尽早适配,或许能让产品下载量提升、挖掘出新的场景,也有机会获得苹果推荐。作者主要对 iOS 16 锁屏的变化设想可能的应用场景。
概念梳理——“设计体系”与“设计规范”
链接:https://mp.weixin.qq.com/s/hZv56id_k4S0PGUn0TIIaQ
本文将从“纵向”和“横向”两个角度对概念进行分析——
“纵向”看两个名词概念的发展史及定义; “横向”看各竞品的设计体系/规范的建立与使用;
从而总结出“设计体系”(同设计系统)与“设计规范”的区别与联系。
2022 年 LOGO 设计趋势报告
链接:https://mp.weixin.qq.com/s/8-OO-dPNTC3X6VVgGRVVcg
二十年来,LogoLounge 会在每年的五月中旬发布这一年的标志设计趋势报告,盘点和总结标志设计的发展趋势。2022 年 6 月 20 日,2022 年标志趋势报告正式发布。今年的趋势有 14 个:领结、小舌、扎根、逆反差、活套、拱门、鞭绳、手工圆点、油墨陷印、捏合、爆裂射线、紧缩、杏仁形状、格状结构、通心粉。
汽车 HMI 设计中的人因因素
链接:https://mp.weixin.qq.com/s/QXMXJh1Bq5i23qcZlh6JIQ
驾驶是一项信息处理活动,在驾驶过程中,驾驶人不断地从各种感官通道获取信息、处理信息,从而做出决策,并采取适当的行动控制车辆运动。本文将从感官、认知、决策以及自动化四大部分带你一探究竟。
工具资源
「设会经验」小程序增加主观问答
之前和大家推荐过这个设计师知识库小程序,最近又新增功能,把平时沟通交流中的不错的问题回答记录整理出来。
UXSync —— 汽车智能竞品收集平台
链接:https://uxsync.com/index.html/#/
这个网站提供各种汽车的智能化设备的静态拍摄和视频,展示中控屏、仪表盘和 App 等界面和交互。适合汽车行业从业者拿来做竞品分析。大多数资料是收费的。
Nomad Sculpt —— 3D 建模工具
链接:https://nomadsculpt.com
据说是最易学的 3D 建模工具,像捏橡皮泥一样,2 天就能熟练。支持 iOS 和 Android,iOS 售价 98 元。
产品发现
xtiles —— 卡片式白板
链接:https://xtiles.app/en
纯白版工具布局太自由,xtiles设置若干方格空间,布局更整洁。
Markdown Nice 浏览器插件—— 多平台文章分发
链接:https://product.mdnice.com/article/user/extension/
我一般用 markdown 写东西,然后通过 markdown nice 渲染成 html 富文本再到各个平台粘贴,现在 markdown nice 浏览器插件可以直接一键分发到部分平台,方便多了。
拼多多推出电脑网页版
链接:https://youhui.pinduoduo.com
现在大多数电商订单都来自手机,阿里早就放弃电脑网页版的优化,拼多多之前纯靠手机流量。可能是移动端没红利了,现在各家又回头做电脑版看看有没有新的增长空间。
Internet Lagplorer —— IE 浏览器纪念网站
链接:https://lagplorer.tms.sx
一个非常无聊的网站,鼠标滑过的路径会生成若干 IE 崩溃的弹窗,真是早年用 IE 浏览器的痛苦回忆。
多邻国将于 6 月 30 日上线粤语课程
猴赛雷啊!
POINT IN HISTORY —— 查看国家历史疆域
链接:https://hanshack.com/point-in-history/
点击地图上的国家即可查看历史的疆域,可以按不同的时代筛选。
Things —— 数字玩具软件公司
链接:https://things.inc
一个制作“数字玩具”的软件公司 Things inc ,不定期发布一些废弃的原型,比如 3D 模型爆炸效果生成器、像素画生成器。没啥实用性,好玩就行。官网做成了复古电脑桌面的形式,每个元素窗口都可以拖拽移动或者关掉。
来自 @刘英滕
Nothing Phone
链接:https://sg.nothing.tech
由一加手机联合创始人裴宇打造并创立的 Nothing Technologies 公司旗下首款手机。本身配置不算高,特点是后盖灯带可根据不同的情况变化,界面风格是像素点阵字体。这款机型的首批 100 台也已通过拍卖的形式售出,并且最高价格达到了 3000 美元。
精益副业 —— 程序员副业指南
链接:http://r.ftqq.com/lean-side-bussiness/
已经作为自由职业者的前前端工程师 Easy 写的,扩展了之前写的《程序员如何优雅地挣零花钱》的内容,将其放到更大的副业视角;同时,引入经过互联网行业验证的「精益创业」流程,并优化为副业专用的「精益副业」流程。打算经营副业的同学可以看看。
一位腾讯动漫设计师的作品集
链接:https://www.toutiao.com/article/7109658055960297996/
腾讯动漫设计师吴小炫的作品集,内容更偏向于 UI、运营设计的作品,分享给大家学习一下。
相关资讯
光子全球品牌升级
链接:https://mp.weixin.qq.com/s/y3wVsJa6ZK3BZ2FFs-TarA
腾讯光子工作室群(LIGHTSPEED STUDIOS)是《和平精英》等游戏的研发团队。最近光子工作室群全球品牌体系和愿景理念全面升级,并将正式启用全新的海外品牌名称 LIGHTSPEED STUDIOS。
Aphrodite 持续时间上限延长是为性少数群体准备的
上周我提到 Aphrodite 将持续时间上限延长至 240 分钟,是用户吹牛炫耀叶公好龙的需求。作者和我解释因为性少数群体的非常规性行为,是以小时起步的。因为我的错误推论对作者和用户造成不好影响,在此道歉勘误。
天猫数字藏品
天猫前段时间弄了一个头号计划免费抽数字藏品头像,都设计得挺好看的。
冰淇淋和便便 emoji 以前用的是同样的形状
Apple 设计师绘制初版冰淇淋 emoji 的时候直接复用了笑脸便便 emoji 的形状。不过从 iOS 10 开始这个设计被改掉了。
来自 @张土福
苹果为什么预览 A4 大小的 PDF 只占半个屏幕
苹果的某些人对 DPI 非常严肃,希望屏幕上看到的尺寸和打印出来的尺寸大小一致。
来自 @nikitonsky
当别的跨团队过来合作,但对方需求价值没想清楚时该如何回绝
招聘信息
字节跳动国际化产品设计团队招聘
投递邮箱:qiuhao.sh@bytedance.com